<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>溯源系统</title>
    <link rel="stylesheet"  href="css/bootstrap.min.css">
    <link rel="stylesheet"  href="css/mainView.css">
</head>
<body>
<!--logo与导航栏-->
<nav class="navbar" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#"><img src="imgs/logo.png" alt=""></a>
        </div>
        <div>
            <ul class="nav navbar-nav">
                <li><a href="http://www.mmdsgyl.com" target="_blank">首页</a></li>
                <li><a href="#" target="_blank">用户案例</a></li>
                <li><a href="http://www.mmdsgyl.com/static/about.html" target="_blank">关于我们</a></li>
                <li><a href="#">进入系统</a></li>
                <li><a href="http://120.24.214.235/lvye/" target="_blank">茂乡资讯</a></li>
                <li><a href="http://www.mmdsgyl.com/user.php" target="_blank">加入我们</a></li>
                <li><a href="#" target="_blank">合作洽谈</a></li>
            </ul>
        </div>
    </div>
</nav><!--end:logo与导航栏-->
<!--标题-->
<div class="titlebody">
    <div class="title">茂乡产品溯源系统</div>
</div><!--end：标题-->
<div class="container">
    <div class="system-brief">
        <div ><h2 class="brief-title">什么是溯源系统？</h2></div>
        <div class="system-img"><img src="imgs/system.png" alt=""></div>
        <div class="system-into"><a href="#">进入系统</a></div>
    </div>
    <div class="row system-brief">
        <h2 class="brief-title">系统概述</h2>
        <p>随着生活水平的提高，人们愈加注重食品的安全与优质。面对复杂的食品安全现状，消费者选择农产品，最希望了解的是农产品的质量安全问题并核实这些信息。慧云农产品溯源系统，增加了农产品从田间到餐桌各个环节的透明度，提供给企业展示优良产品的窗口，助力企业打造绿色安全的高端品牌。
        </p>
    </div>
    <div class="row system-brief">
        <h2 class="brief-title">系统功能</h2>
        <div class="function">
                <h4 class="function-title">1.消费者溯源码</h4>
                <img src="imgs/syma.jpg" alt="">
        </div>
        <div class="function">
            <h4 class="function-title">2.生产者展示商品</h4>
            <p>通过溯源系统的管理平台，生产者自行维护产品以及企业基本信息，同时借助慧云智能监控系统自动采集的环境信息、实时视频信息等，建立完善丰富的农产品档案。如此可以将自身优质的农产品品牌形象全面直观地展示在消费者面前，包括生产环境、生产过程、产品品牌优势。借助智能种植监控功能，消费者登陆手机APP就能够实时查看农作物的生长环境、生长情况，以及工作人员的农业劳作情况，参与到农产品种植生产的监督过程中来，提升对品牌的信任度以及黏度。</p>
        </div>
        <div class="function">
            <h4 class="function-title">3.监督者全程追溯</h4>
            <p>监管部门或其他监管者可通过溯源系统对进驻慧云农产品溯源平台的相关农产品以及生产者进行种植过程的全程监督，可以追根溯源，在一定程度上保障食品安全。</p>
        </div>
    </div>
    <!--系统优势start-->
    <div class="row system-brief">
        <h2 class="brief-title">系统优势</h2>
            <div class="sys-adv">
                <div class="adv-content-left">
                    <p class="lead" style="font-size: 14px;line-height: 25px;letter-spacing: 2px;">目前市场上大多溯源系统只能展示如品种、产地、生产企业、产品简介等简单的信息，慧云农产品溯源系统则采集展示更多不一样的档案，让生产者全面展示产品品质。包括更丰富的采生长期的图片信息、环境数据、肥料使用记录、农药使用记录、实时视频等其他溯源系统所没有的档案。</p>
                </div>
                <div class="adv-content">
                    <img src="./imgs/case.jpg" id="adv-img"/>
                </div>
                <div class="adv-content-right">
                    <div class="content-detail">
                        <ul class="sup-ul">
                            <li>
                                <label id="cplogo" class="label-like">
                                    <i class="company-logo"></i>
                                </label>
                                <div>
                                    <p class="c-name" id="companyname" style="line-height: 20px;text-indent: 5px;">
                                        <span title="广西慧云信息技术有限公司">广东茂乡科技有限公司</span>
                                    </p>
                                    <p class="flag" id="check_c" style="line-height: 0px;text-indent: 5px;font-size: 14px;color:#888;">营业执照已验证</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="content-detail">
                        <P style="line-height: 0px;text-indent: 0;font-size: 14px;color:#888;">监督机构：广东省茂名市xxx局</P>
                    </div>
                    <div class="content-detail" align="center">
                        <img src="./imgs/map.png" style="width: 180px;height: 145px;margin-top: 20px;" />
                    </div>
                </div>
            </div>
            <div class="adv-detail" align="center">
                <div class="archives">
                  <a href="{:U('Home/Index/origin',array('pid'=>$pid))}">
                    <p><i class="icon ic_images" style="background:url(./imgs/p2.png) center center no-repeat;"></i></p><p class="name">生长图片</p>
                  </a>
                </div>
                <div class="archives">
                  <a href="{:U('Home/Index/origin',array('pid'=>$pid))}">
                    <p><i class="icon ic_images" style="background:url(./imgs/p3.png) center center no-repeat"></i></p><p class="name">肥料使用</p>
                  </a>
                </div>
                <div class="archives">
                  <a href="{:U('Home/Index/origin',array('pid'=>$pid))}">
                    <p><i class="icon ic_images" style="background:url(./imgs/p4.png) center center no-repeat"></i></p><p class="name">农药使用</p>
                  </a>
                </div>
                <div class="archives">
                  <a href="{:U('Home/Index/origin',array('pid'=>$pid))}">
                    <p><i class="icon ic_images" style="background:url(./imgs/p2.png) center center no-repeat"></i></p><p class="name">实时视频</p>
                  </a>
                </div>
                <div class="archives">
                  <a href="{:U('Home/Index/origin',array('pid'=>$pid))}">
                    <p><i class="icon ic_images" style="background:url(./imgs/p2.png) center center no-repeat"></i></p><p class="name">生成环境数据</p>
                  </a>
                </div>
            </div>
        </div>
    <!--系统优势end-->
</div>

<!--底部start-->
<div class="footer">
    <div class="info-hotline">
        <p class="line"></p>
        <span class="hotline">咨询热线&nbsp;&nbsp;&nbsp;xxxx-xxxx-xxxx</span>
    </div>
    <div class="info-detail">
        <div class="contact-info">
            <h3>联系方式</h3>
            <p class="item"><i class="icon icon-location"></i>广东省xxxxxx</p>
            <p class="item"><i class="icon icon-phone"></i>xxxx-xxxxxxx-xxx</p><p class="item hide"><i class="icon icon-fax"></i>xxxx-xxxxxxxx</p>
        </div>
    </div>
    <div class="qrcode">
        <h3>茂乡的微信</h3>
        <p class="mt20">
            <img src="./imgs/weixin.jpg" width="150" height="150">
        </p>
        <div class="sinacode">
            <div class="sina-img">
                <img src="./imgs/ic_weibo.png" title="新浪微博" alt="新浪微博" width="32" height="44">
            </div>
            <ul>
                <li>
                    <a href="http://weibo.com/tcloudit" target="_blank">
                        <i class="icon-dot">•</i>关注茂乡微博</a>
                    </li>
                <li>
                    <a href="javascript:;" class="sinaweibo-btn">
                    <i class="icon-dot">•</i>扫描二维码</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="msg">
        <h3>留言</h3>
        <form class="form-inline" role="form">
            <div class="form-group">
                <div class="input-group">
                    <input type="text" name="name" class="form-control" placeholder="姓名">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <input type="text" name="phone" class="form-control" placeholder="联系电话">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <input type="text" name="email" class="form-control" placeholder="电子邮箱">
                </div>
            </div>
            <div class="form-group">
                <textarea id="txtContent" name="txtContent" class="form-control userMessage" rows="3" placeholder="请输入您的留言"></textarea>
            </div>
            <button type="button" class="btn btn-primary">提交留言</button>
            <div id="lblRoleAddError" class="fl"></div>
        </form>
    </div>
</div>
<!--底部end-->

<script src="./js/bootstrap.min.js"></script>
</body>
</html>